const { defineConfig } = require("@vue/cli-service");
const webpack = require("webpack");
const path = require("path");
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    plugins: [
      new webpack.DefinePlugin({
        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(true),
      }),
    ],
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
      },
    },
  },
  devServer: {
    proxy: {
      "/web/": {
        target: "http://localhost:8000", // 代理目标地址
        ws: true, // 如果你的应用还使用了 websockets，将其设置为 true
        changeOrigin: true, // 允许跨域请求
        // 如果你需要修改请求路径（比如去掉 /web/ 前缀），你可以这样设置：
        pathRewrite: {
          "^/web/": "",
        },
      },
      "/api/": {
        target: "http://localhost:8000", // 代理目标地址
        ws: true, // 如果你的应用还使用了 websockets，将其设置为 true
        changeOrigin: true, // 允许跨域请求
        // 如果你需要修改请求路径（比如去掉 /web/ 前缀），你可以这样设置：
        pathRewrite: {
          "^/api/": "",
        },
      },
    },
  },
  pwa: {
    //网页图标默认修改
    iconPaths: {
      favicon32: "logo_header_xs.ico",
      favicon16: "logo_header_xs.ico",
      appleTouchIcon: "logo_header_xs.ico",
      maskIcon: "logo_header_xs.ico",
      msTileImage: "logo_header_xs.ico",
    },
  },
});
